<template>
    <div class="agreement-wrap">
        <!-- <el-page-header @back="goBack" content="授权协议">
        </el-page-header> -->
        <!-- <el-button type="primary" icon="el-icon-download" size="mini" @click="dowload" class="download-btn">下载协议</el-button> -->
        <div id="pdfDom" ref="pdfContent" class="agreement-wrap">
            <div class="">授权人: 
                <span>{{  data.name}}</span>
            </div>
            <div>生效日期:
                <span>{{ data.matchTime }}</span>
            </div>
            <div class="wrap" v-html="content">
            </div>
        </div>
    </div>
    
</template>
<script>
    import html2canvas from 'html2canvas';
    import jsPDF from 'jspdf';
    export default{
        // props: {
        //     data: {
        //         type: Object,
        //         default: {}
        //     }
        // },
        data() {
            return {
                data: {
                    name:'',
                    matchTime:''
                },
                content:'<h3 ><p><span style=\"font-weight: normal;\">个人信息授权告知书<\/span><\/p><p><span style=\"font-weight: normal;\">&nbsp;<\/span><\/p><p><span style=\"font-weight: normal;\">本《个人信息授权协议》（下称“本协议”）适用于浙江易顺融资担保有限公司（以下简称“CLink流量”、“我们”）向您提供的所有产品和服务。在使用CLink流量产品\/服务前，请您务必认真阅读、充分理解本协议各条款，特别是黑体字条款（涉及到您权利与义务、约定争议解决和司法管辖等方面的条款）。如对本协议内容有任何疑问，请勿进行下一步操作，您可通过CLink流量客服进行咨询，以便我们为您解释和说明。<\/span><\/p><p><span style=\"font-weight: normal;\"><u>您和<\/u><u>CLink流量<\/u><u>均同意使用互联网信息技术以数据电文形式订立本协议并认同本协议具有法律效力。本协议一经您点击确认或勾选，即视为您已完全理解并同意全部条款，并视为本协议已由您与<\/u><u>CLink流量<\/u><u>双方共同签署生效。<\/u><\/span><\/p><p><span style=\"font-weight: normal;\">&nbsp;<\/span><\/p><p><!--[if--><span style=\"font-weight: normal;\">·&nbsp;<!--[endif]-->适用范围<\/span><\/p><p><span style=\"font-weight: normal;\">本协议适用于由CLink流量运营并向您提供的产品和\/或服务，包括但不限于CLink流量现在正在运营的各类网站、客户端、小程序及公众号等。您通过任何渠道注册CLink流量账户或使用CLink流量提供的产品和\/或服务，均适用本协议。<\/span><\/p><p><span style=\"font-weight: normal;\">&nbsp;<\/span><\/p><p><!--[if--><span style=\"font-weight: normal;\">·&nbsp;<!--[endif]-->您授权我们收集您信息的情形及内容<\/span><\/p><p><span style=\"font-weight: normal;\">在您使用我们产品和\/或服务的过程中，您授权我们收集您的下列信息，用于向您提供服务、提升我们的服务质量、保障您的账户和资金安全以及符合国家法律法规及监管规定的其他用途。收集的情形及相关内容包括：<\/span><\/p><p><span style=\"font-weight: normal;\">1.&nbsp;&nbsp;&nbsp;账号注册与登录、找回密码、变更手机号码<\/span><\/p><p><span style=\"font-weight: normal;\">您需要向我们提供手机号码、短信验证码、登录密码，在您通过第三方平台注册时我们还将获取您的第三方账号的头像及昵称。如果您注册时提供的手机号码因不再使用而不能接收短信验证码的，已实名用户可选择提供之前与CLink流量账号已经绑定的身份证号码、银行卡号和银行预留手机号或者使用您的<u>人脸信息<\/u>进行身份验证；未实名用户可选择重新注册新账号。<\/span><\/p><p><span style=\"font-weight: normal;\">2.&nbsp;&nbsp;&nbsp;CLink流量额度服务<\/span><\/p><p><span style=\"font-weight: normal;\">(1)&nbsp;&nbsp;实名制管理<\/span><\/p><p><span style=\"font-weight: normal;\">我们需要认证您身份的真实性，为此您需要向我们提供您的个人身份信息（身份证信息）、身份证正反面照片、银行卡信息（银行卡号、卡类别、银行预留手机号、短信验证码）、<u>脸部图形\/视频<\/u>。<\/span><\/p><p><span style=\"font-weight: normal;\">为了验证您提供信息的准确性和完整性，并保障您的账号安全，我们会与合法留存您信息的国家机关、金融机构、企事业单位进行多重交叉验证。我们将对您提供的信息加密且只用于认证，并将您的<u>脸部图形\/视频<\/u>与其他个人信息分开进行存储，并在您账号注销三个月后删除。<\/span><\/p><p><span style=\"font-weight: normal;\">(2)&nbsp;&nbsp;信用评估及偿付能力审核<\/span><\/p><p><span style=\"font-weight: normal;\">我们会识别您身份的真实性，为帮助我们或合作方进行信息审核，准确评估您的信贷资格、信用及偿付能力（包括通过比对联系人情况判断是否存在团伙欺诈风险），您同意我们收集您主动填写、提供的信息，包括前述实名认证信息，即个人身份信息（身份证信息）、身份证正反面照片、银行卡信息（银行卡号、卡类别、银行预留手机号、短信验证码）、脸部图形\/视频，以及教育程度、婚姻状态、个人职业、入职时间、月平均收入、工作单位、单位电话、单位地址、常用邮箱、现居住地址、联系人信息（联系人与您的关系、联系人姓名、联系人手机号码）、人行征信报告及工资卡流水证明。<\/span><\/p><p><span style=\"font-weight: normal;\">(3)&nbsp;&nbsp;保障交易安全所需信息&nbsp;为确认您在申请额度服务时的账号安全，我们会收集您的相关设备软硬件特征信息（包括设备型号、唯一设备标识符、操作系统信息、设备存储信息，设备环境、设备显示信息、出厂日期、设备MAC地址、设备网络信息、已安装应用列表）以及设备所在位置相关信息（包括您授权的GPS位置、IP地址以及能够提供相关信息的Wi-Fi接入点和基站传感器信息）。<\/span><\/p><p><span style=\"font-weight: normal;\">3、电子账户<\/span><\/p><p><span style=\"font-weight: normal;\">我们会根据您选择的具体服务以及银行的要求，收集您的姓名、身份信息（身份证信息）、身份证正反面照片、银行卡号、卡类别、银行预留手机号、短信验证码，并设置您的交易密码。我们会将上述信息提交给合法持有您上述信息的合作银行，以便对您所提供信息的准确性进行核对。<\/span><\/p><p><span style=\"font-weight: normal;\">4.&nbsp;提供客户服务、进行投诉处理及回访<\/span><\/p><p><span style=\"font-weight: normal;\">我们会收集您的账号信息、证件信息（身份证号或身份证后六位）和交易信息、联系方式、投诉相关内容。<\/span><\/p><p><span style=\"font-weight: normal;\">5.服务日志<\/span><\/p><p><span style=\"font-weight: normal;\">&nbsp;&nbsp;为了提升您使用CLink流量产品和\/或服务时的服务体验，我们会收集您使用时的详细情况，并作为服务日志进行保存，包括设备型号、唯一设备标识符、操作系统信息、设备存储信息，设备环境、设备显示信息、设备MAC地址、设备网络信息、授权的GPS位置、IP地址、浏览页面、CPU占用内存情况、页面加载时长、代码错误、崩溃日志、访问的日期和时间、软件信息。<\/span><\/p><p><!--[if--><span style=\"font-weight: normal;\">00001.&nbsp;<!--[endif]-->从第三方收集\/核实信息<\/span><\/p><p><span style=\"font-weight: normal;\">我们可能会选择从中国人民银行金融信用信息基础数据库、百行征信有限公司、朴道征信有限公司、互联网金融协会、其他经监管部门或行业自律组织设立的征信机构\/信用服务机构、数据服务机构、互联网平台以及我们的关联方、合作伙伴（以上机构统称为“第三方机构”）查询和\/或核验与您借款相关的个人信用信息、身份信息、联系方式、工作信息、银行卡交易信息、手机在网信息、网络交易信息、违法犯罪记录、借贷信息、收入情况，或基于上述信息的评分或信息报告，用于为您提供实名管理、安全保障服务，以及对您的信贷资格、信用、偿付能力进行审核。由于不同的产品和\/或服务所需的个人信息有所不同，我们会在您使用具体产品或服务前再通过页面提示、交互流程等方式征求您的同意，或向您展示相关的特定产品或服务的协议或规则为准。上述方式取得的关于您个人信息的授权，均称为本个人信息授权协议的一部分。<\/span><\/p><p><span style=\"font-weight: normal;\">&nbsp;<\/span><\/p><p><!--[if--><span style=\"font-weight: normal;\">·&nbsp;<!--[endif]-->授权将您的信息提供给第三方<\/span><\/p><p><span style=\"font-weight: normal;\">您授权我们在以下情况下，将您的个人信息提供至第三方：<\/span><\/p><p><span style=\"font-weight: normal;\">1．事先获得您的授权或同意；<\/span><\/p><p><span style=\"font-weight: normal;\">2．在我们需要履行法律法规规定的义务的情况下或我们计划进行资本市场活动，依据法律规定及合理的商业要求，需要接受其他主体的尽职调查时；<\/span><\/p><p><span style=\"font-weight: normal;\">3．为了保护国家安全、国防安全；以及为了保护公共安全、公共卫生、重大公共利益相关的情况下，共享您的个人信息；<\/span><\/p><p><span style=\"font-weight: normal;\">4、在法律要求或允许的范围内，为了保护您或社会公众的生命、财产等重大合法权益，以及我们的合法权益免遭损害而有必要提供您的个人信息给第三方（含消费者权益保护部门等行业组织）；或者应您的要求为您处理您与他人的纠纷或争议；<\/span><\/p><p><span style=\"font-weight: normal;\">5．为了保护您和其他个人的重大合法权益而需要提供您的个人信息；<\/span><\/p><p><span style=\"font-weight: normal;\">6．您自行公开的或者我们能从其他合法公开渠道获取到您的个人信息；<\/span><\/p><p><span style=\"font-weight: normal;\">7．提供给我们的关联方：为了实现或改善我们的产品和\/或服务相关功能、保障交易安全、防控风险，我们可能会将您的部分个人信息提供至我们的关联方；<\/span><\/p><p><span style=\"font-weight: normal;\">8．提供给我们的合作方：为了向您提供更完善、优质的产品和\/或服务，我们的某些服务将由合作方提供、或我们与合作方共同完成。我们可能会委托合作方处理，或与合作方共享您的某些个人信息。目前，我们的合作方包括：实名认证服务的合作方、第三方电子签章服务方、第三方身份验证服务提供商、第三方信息查询服务提供商、资金方、资金清算银行\/支付机构、增信机构（担保机构、保险机构）、其他第三方服务合作方、第三方代码及插件的服务方。<\/span><\/p><p><span style=\"font-weight: normal;\">CLink流量会努力通过法律允许的方式要求上述信息接收方对您的个人信息采取合理的保密措施。<\/span><\/p><p><span style=\"font-weight: normal;\">&nbsp;<\/span><\/p><p><span style=\"font-weight: normal;\">我们会对授权合作方获取有关信息的应用程序接口（API)、软件工具开发包（SDK）进行严格的安全检测，并与授权合作方约定严格的数据保护措施，另起按照我们委托目的、服务说明、本政策以及其他任何相关的保密和安全措施来处理个人信息。CLink流量平台使用第三方SDK情况<u>详见下表<\/u><u>：<\/u><\/span><\/p><table><tbody><tr><td colspan=\"6\"><p><span style=\"font-weight: normal;\">CLink流量产品涉及及嵌入第三方代码、插件传输个人信息的情形列举<\/span><\/p><\/td><\/tr><tr><td><p><span style=\"font-weight: normal;\">序号<\/span><\/p><\/td><td><p><span style=\"font-weight: normal;\">实现的目的<\/span><\/p><\/td><td><p><span style=\"font-weight: normal;\">App渠道<\/span><\/p><\/td><td><p><span style=\"font-weight: normal;\">可能收集\/使用的个人信息字段范围<\/span><\/p><\/td><td><p><span style=\"font-weight: normal;\">SDK名称<\/span><\/p><\/td><td><p><span style=\"font-weight: normal;\">第三方机构名称<\/span><\/p><\/td><\/tr><tr><td><p><span style=\"font-weight: normal;\">1<\/span><\/p><\/td><td><p><span style=\"font-weight: normal;\">反欺诈数据上报<\/span><\/p><\/td><td><p><span style=\"font-weight: normal;\">iOS\/安卓<\/span><\/p><\/td><td><p><span style=\"font-weight: normal;\">设备信息、精准定位<\/span><\/p><\/td><td><p><span style=\"font-weight: normal;\">同盾<\/span><\/p><\/td><td><p><span style=\"font-weight: normal;\">同盾科技有限公司<\/span><\/p><\/td><\/tr><tr><td><p><span style=\"font-weight: normal;\">2<\/span><\/p><\/td><td><p><span style=\"font-weight: normal;\">微博分享<\/span><\/p><\/td><td><p><span style=\"font-weight: normal;\">iOS<\/span><\/p><\/td><td><p><span style=\"font-weight: normal;\">设备识别码<\/span><\/p><\/td><td><p><span style=\"font-weight: normal;\">Weibo_SDK<\/span><\/p><\/td><td><p><span style=\"font-weight: normal;\">北京新浪互联信息服务有限公司<\/span><\/p><\/td><\/tr><tr><td><p><span style=\"font-weight: normal;\">3<\/span><\/p><\/td><td><p><span style=\"font-weight: normal;\">用于刷脸验证与身份证OCR、银行卡OCR<\/span><\/p><\/td><td><p><span style=\"font-weight: normal;\">iOS\/安卓<\/span><\/p><\/td><td><p><span style=\"font-weight: normal;\">设备识别码、设备型号、操作系统版本、网络类型，人脸信息、身份证信息、银行卡信息<\/span><\/p><\/td><td><p><span style=\"font-weight: normal;\">Face++<\/span><\/p><\/td><td><p><span style=\"font-weight: normal;\">北京旷世科技有限公司<\/span><\/p><\/td><\/tr><tr><td><p><span style=\"font-weight: normal;\">4<\/span><\/p><\/td><td><p><span style=\"font-weight: normal;\">用于设备活跃度数据上报<\/span><\/p><\/td><td><p><span style=\"font-weight: normal;\">iOS\/安卓<\/span><\/p><\/td><td><p><span style=\"font-weight: normal;\">设备识别码<\/span><\/p><\/td><td><p><span style=\"font-weight: normal;\">腾讯MAT<\/span><\/p><\/td><td><p><span style=\"font-weight: normal;\">深圳市腾讯计算机系统有限公司<\/span><\/p><\/td><\/tr><tr><td><p><span style=\"font-weight: normal;\">5<\/span><\/p><\/td><td><p><span style=\"font-weight: normal;\">用于收集上报崩溃\/卡顿日志<\/span><\/p><\/td><td><p><span style=\"font-weight: normal;\">iOS\/安卓<\/span><\/p><\/td><td><p><span style=\"font-weight: normal;\">设备唯一标识码、App包名和版本及所属进程名、Crash信息及线程堆栈、ROM\/RAM\/SD卡容量、网络\/语言状态<\/span><\/p><\/td><td><p><span style=\"font-weight: normal;\">腾讯Bugly<\/span><\/p><\/td><td><p><span style=\"font-weight: normal;\">深圳市腾讯计算机系统有限公司<\/span><\/p><\/td><\/tr><tr><td><p><span style=\"font-weight: normal;\">6<\/span><\/p><\/td><td><p><span style=\"font-weight: normal;\">用于第三方分享<\/span><\/p><\/td><td><p><span style=\"font-weight: normal;\">安卓<\/span><\/p><\/td><td><p><span style=\"font-weight: normal;\">无<\/span><\/p><\/td><td><p><span style=\"font-weight: normal;\">ShareSDK<\/span><\/p><\/td><td><p><span style=\"font-weight: normal;\">广州掌淘网络科技有限公司<\/span><\/p><\/td><\/tr><tr><td><p><span style=\"font-weight: normal;\">7<\/span><\/p><\/td><td><p><span style=\"font-weight: normal;\">微信分享<\/span><\/p><\/td><td><p><span style=\"font-weight: normal;\">iOS<\/span><\/p><\/td><td><p><span style=\"font-weight: normal;\">设备识别码<\/span><\/p><\/td><td><p><span style=\"font-weight: normal;\">WechatOpenSDK<\/span><\/p><\/td><td><p><span style=\"font-weight: normal;\">深圳市腾讯计算机系统有限公司<\/span><\/p><\/td><\/tr><tr><td><p><span style=\"font-weight: normal;\">8<\/span><\/p><\/td><td><p><span style=\"font-weight: normal;\">QQ分享<\/span><\/p><\/td><td><p><span style=\"font-weight: normal;\">iOS<\/span><\/p><\/td><td><p><span style=\"font-weight: normal;\">设备识别码<\/span><\/p><\/td><td><p><span style=\"font-weight: normal;\">TencentOpenAPI<\/span><\/p><\/td><td><p><span style=\"font-weight: normal;\">深圳市腾讯计算机系统有限公司<\/span><\/p><\/td><\/tr><\/tbody><\/table><p><span style=\"font-weight: normal;\">注：SDK收集信息的方式为根据实现业务功能目的需要触发收集，比如分享类SDK，在需要进行分享时触发。<\/span><\/p><p><span style=\"font-weight: normal;\">上述合作方可能单独另行收集您的个人信息<a><\/a><a href=\"#_msocom_1\">[国浩-liudan1]<\/a>&nbsp;，具体由合作方向您展示的页面、用户协议、个人信息保护政策为准，该等信息搜集与CLink流量无关，请您仔细阅读该合作方的用户协议及个人信息保护政策。<\/span><\/p><p><span style=\"font-weight: normal;\">&nbsp;<\/span><\/p><p><!--[if--><span style=\"font-weight: normal;\">·&nbsp;<!--[endif]-->授权查询及使用<\/span><\/p><p><span style=\"font-weight: normal;\">特别地：您同意并授权与CLink流量的合作方，包括但不限于上述征信机构、数据服务机构、信息查询服务机构及信息认证服务机构可向您或其他机构采集、查询您的信息，并可依法整理、保存、加工、使用、研究，并可以对外提供可能含有您的个人信用评分\/资信评级的个人信用\/资信报告。您已被明确告知查询、采集上述信息可能会给您带来不利后果（例如：采集这些信息对您的信用评级（评分）、资信报告等结果可能产生的不利影响），但您仍然同意与CLink流量有合作关系的征信机构、数据服务机构、信息查询服务机构及信息验证服务机构采集并向CLink流量提供相关成果。<\/span><\/p><p><span style=\"font-weight: normal;\">您同意并授权CLink流量通过查询服务提供机构向其他信息机构查询并获取您的个人信息（包括但不限于身份信息、联系方式、<u>人脸识别信息<\/u>、工作信息、银行卡交易信息、银行贷款相关信息、网络交易信息、逾期信息及其他信息等），以了解您的资信状况。您同意并授权上述其他信息机构可将其拥有您的个人信息通过查询服务提供机构提供给CLink流量，并授权查询服务提供机构可将其合法获取您的个人信息经过留存、技术研究、整合、加工并转化为信息评分或信息报告回传给CLink流量，用于（协助）办理借款相关风控审查、电子签章申请认证及注销、稽核、产品推荐等手续，以便更好的为您提供服务。<\/span><\/p><p><span style=\"font-weight: normal;\">&nbsp;<\/span><\/p><p><span style=\"font-weight: normal;\">第五条 协议的有效期<\/span><\/p><p><span style=\"font-weight: normal;\">1、本协议自您签署之日起生效，至您在CLink流量的全部业务均已终止（包括全部贷款额度到期、全部信贷业务结清及其他业务\/服务终止）并注销您的账户之日止。<\/span><\/p><p><span style=\"font-weight: normal;\">2、在您注销您的账户并注销您所获得的全部CLink流量授信额度后，我们将停止为您提供服务，并按法律法规或监管部门规定对所持有的您的个人信息进行处理。<\/span><\/p><p><span style=\"font-weight: normal;\">&nbsp;<\/span><\/p><p><span style=\"font-weight: normal;\">第六条 协议的修订<\/span><\/p><p><span style=\"font-weight: normal;\">我们可能根据法律法规的要求或业务运营的需要，对本协议不时进行修改，我们将通过CLink流量旗下CLink流量APP、官网、短信、微信支付宝生活号等一种或多种方式提前公告，公告期满即为生效。若您继续使用我们的产品\/服务，即表明您同意变更修改后的内容。如果您不同意有关修改的，您可以通过客服热线与我们进行协商，双方协商一致的，可以另行变更协议内容。如您不愿意进行协商或双方协商未达成一致意见的，您有权且应当立即停止使用我们的产品\/服务，并结清您在CLink流量平台发生的全部应付款项后及时注销您的CLink流量账户。<\/span><\/p><p><span style=\"font-weight: normal;\">&nbsp;<\/span><\/p><p><span style=\"font-weight: normal;\">第七条 适用法律与争议解决<\/span><\/p><p><span style=\"font-weight: normal;\">1、本协议是由您与CLink流量共同签订的，适用于您在CLink流量的全部活动。本协议内容包括但不限于协议正文条款及相关规则，所有条款和规则为协议不可分割的一部分，与协议正文具有同等法律效力。<\/span><\/p><p><span style=\"font-weight: normal;\">2、本协议不涉及您与CLink流量的其他个体之间，因网上交易而产生的法律关系及法律纠纷。但您在此同意将全面接受并履行与CLink流量其他个体在CLink流量签订的任何电子法律文本，并承诺按照该法律文本享有和（或）放弃相应的权利、承担和（或）豁免相应的义务。<\/span><\/p><p><span style=\"font-weight: normal;\">3、本协议的效力、解释、变更、执行与争议解决均适用中华人民共和国法律（但不包括其冲突法规则），没有相关法律规定的，参照通用国际商业惯例和（或）行业惯例。如发生本协议与适用之法律相抵触时，则这些条款将完全按法律规定重新解释，而其它有效条款继续有效。与本协议的解释和履行有关的争议，各方均同意提请中国长沙仲裁委员会, 按照申请仲裁时该会现行有效的网络仲裁规则进行网络仲裁并进行书面审理。各方同意以在第三方平台存管的相关电子证据作为仲裁庭认定事实的依据，并认可第三方平台就证据存管出具的相关证明文件，各方清楚了解该条款的含义，并对此无异议。仲裁裁决是终局的，对各方均有约束力。<\/span><\/p><p><span style=\"font-weight: normal;\">4、除法律法规或监管规定另有强制性规定外，本协议履行过程中，递给您的书面通知将按照您向CLink流量提供的通讯地址（包括但不限于证件地址、工作地址等）交邮后的第三个自然日即视为送达；书面通知的形式还包括（但不限于）在CLink流量旗下APP公告、向您发送电子邮件、CLink流量站内信、系统信息、手机短信和传真等电子方式，在采用电子方式进行书面通知的情况下发送当日即视为送达。采用一种以上方式发出通知的，以最先送达的时间为送达时间。为维护您的合法权益，请您始终保持上述通讯地址和联系方式准确、有效。<\/span><\/p><p><span style=\"font-weight: normal;\">&nbsp;<\/span><\/p><p><span style=\"font-weight: normal;\">第八条 附则<\/span><\/p><p><span style=\"font-weight: normal;\">1、若本协议的部分条款被认定为无效或者无法实施时，本协议中的其他条款仍然有效。<\/span><\/p><p><span style=\"font-weight: normal;\">2、CLink流量可将本协议项下的权利义务转让给CLink流量的关联方。<\/span><\/p><p><span style=\"font-weight: normal;\">3、您声明，您已完全理解本合同的条款(尤其是黑体字部分)及其他相关交易文件且同意受其约束，并己就此(您认为必要时)向专业人士获取过咨询。<\/span><\/p><p><span style=\"font-weight: normal;\">4、本协议未尽事宜，请见《CLink流量个人信息保护政策》，若本协议与《CLink流量个人信息保护政策》存在冲突，以本协议为准。<\/span><\/p><p><span style=\"font-weight: normal;\">&nbsp;<\/span><\/p><p><span style=\"font-weight: normal;\">【以下无正文】<\/span><\/p><p><span style=\"font-weight: normal;\">&nbsp;<a><\/a><\/span><\/p><p><span style=\"font-weight: normal;\">根据规定，公司与第三方为共同个人信息控制者<\/span><\/p><\/h3><h3><span style=\"font-weight: normal;\"><\/span><\/h3><h3><span style=\"font-weight: normal;\"><\/span><\/h3>'
            }
        },
        created(){
            this.data = this.$route.query
        },
        methods: {
            goBack() {
                this.$router.go(-1)
            },
            dowload() {

                setTimeout(() => {
                    const refDom = this.$refs.pdfContent.getBoundingClientRect()
                    const pageWidth = 595.28 - 40 // A4纸的宽高 减去左右边距
                    const pageHeight = 841.89
                    // a4纸的尺寸[595.28,841.89]，html页面生成的canvas在pdf中图片的宽高
                    
                    html2canvas(document.querySelector('#pdfDom'), {
                        allowTaint: true,
                        taintTest: false,
                        useCORS: true,
                        async: true,
                        scale: '1', // 放大倍数
                        dpi: '192', // 精度
                        scrollY: refDom.top, // 关键代码
                        height: refDom.height + 100 // 加高度，避免截取不全
                    }).then(canvas => {
                        const contentWidth = canvas.width
                        const contentHeight = canvas.height
                        const pageData = canvas.toDataURL('image/jpeg/png', 1)
                        const PDF = new jsPDF('', 'pt', 'a4') // , true
                        const pdfWidth = PDF.internal.pageSize.getWidth()-100;
                        // canvas图片的高
                        const imgHeight = pageWidth / contentWidth * contentHeight // canvas的宽与PDF的宽比列一样的时候，canvas的高缩放后的值
                
                        let leftHeight = imgHeight 
                        let position = 0
                        // 如果图片的高小于A4纸的高，不分页
                        if (leftHeight < pageHeight) {
                            PDF.addImage(pageData, 'JPEG',0, 0, pdfWidth, imgHeight)
                        } else {
                        // 分页
                        // let index = 0
                        while (leftHeight > 0) {
                            // console.log(leftHeight, '每一页的高度', imgHeight, index)
                            // index++
                            // addImage(stream, startX, startY, width, height)
                            // stream:图片流
                            // (startX,startY)图片的放置的开始点
                            
                            PDF.addImage(pageData, 'JPEG',50, position, pdfWidth, imgHeight)
                            leftHeight = leftHeight - pageHeight
                            position -= pageHeight
                            if (leftHeight > 0) {
                                PDF.addPage()
                            }
                        }
                        }
                        PDF.save('个人授权协议.pdf') // 保存PDF
                        return PDF.output('datauristring')
                    })
                },500)
            }
        }
    }
</script>
<style>
    .agreement-wrap{
        padding: 20px;
        background: #fff;
        >div{
            margin-bottom: 10px;
            span{
                margin-left: 5px;
            }
        }
        .wrap{
            text-align: left;
        }
    }
    .download-btn{
        float: right;
    }

</style>